
main{
  width: 1850px;
  margin: auto;
  background: #fff;
  .form-box{
    padding: 40px 40px 0 40px;
    li{
      margin-bottom: 10px;
      .spec-key,.specItemBox,.spec-box{
        float: left;
      }
      .specItemBox{
        max-width: 1458px;
      }
      span{
        width: 100px;
        height: 32px;
        line-height: 32px;
        display: inline-flex;
        margin-right: 10px;
        border-bottom: 1px solid #ddd;
        &.specItem{
          width: 150px;
        }
        a{
          margin: 0 4px;
          float: left;
        }
      }
      input{
        width: 100%;
        height: 100%;
        border: none;
        float: left;
        &:focus{
          border-color: none !important;
          box-shadow:none  !important;
        }
        &:hover{
          border-color: none !important;
        }
      }
      .specItemBox{
        display: inline-block;
      }
      &:after {content: ' ';display: block;clear: both;height: 0;visibility: hidden;}
    }
  }
  .submit-box{
    width:100%;
    height: 70px;    
    padding: 0 40px;
    position: relative;
    .bt-box{
      position: absolute;
      left: 40px;
      bottom: 15px;
      top: 18px;
      >button{
        margin-right: 10px;
      }
    }
  }
  nz-form-item{
    margin-bottom: 10px;
    nz-form-label{
        width: 60px;
    }
    i{
      width: 14px;
      height: 14px;
      margin-top: 8px;
      margin-left: 10px;
    }
  }
}
.newBt{
  margin-bottom: 24px;
  button{
    margin-left: 56px;
    float: left;
  }
  span{
    float: left;
    font-size: 12px;
    margin-top: 7px;
    margin-left: 11px;
    color: #908f8f;
  }
  &:after {content: ' ';display: block;clear: both;height: 0;visibility: hidden;}
}
nz-table{
  th{
    height: 38px;
    padding:0 !important;
    color: #888;
    background: #fff !important;
    
    border-top-color: #cfd5de !important;
    border-right-color: #cfd5de !important;
    border-left-color: #cfd5de !important;
    border-color: #cfd5de !important;

    font-size: 14px;
    position: relative;
    text-align: center;
  }
  td{
    height: 50px;
    text-align: center;
    padding:0 !important;
    font-size: 12px;
    input{

    }
    nz-switch{
      width: 80px;
    }
    .specTd{
      width: 100px;
      display: inline-block;
    }
    .selectUser{
      width: 120px;
    }
    .selectGoods{
      width: 400px;
      line-height: 50px;
      img{
        margin-left: 14px;
        margin-top: 10px;
        float: left;
      }
      span{
        width: 274px;
        padding-left: 10px;
        display: inline-block;
        text-align: left;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
      }
      a{
        margin-top: 10px;
        margin-right: 10px;
        float: right;
      }
      &:after {content: ' ';display: block;clear: both;height: 0;visibility: hidden;}
    }
    &.font1{
      color: #008000;
    }
    &.font2{
      color: #f00;
    }
    &.font0{
      color: #999;
    }
    .green{
      color: #008000;
    }
    .red{
      color: #f00;
    }
  }
}

:host ::ng-deep .ant-form-item-label > label{
  padding-right: 14px;
  color: #b7b7b7 !important;
}
:host ::ng-deep .ant-form-item-label{
  text-align: left;
}
:host ::ng-deep.ant-form-item-label > label::after{
  display: none;
}

:host ::ng-deep.ant-form-item-label > label::before{
      margin-right: 4px;
      font-size: 12px !important;
      font-family:auto !important;
      line-height: inherit !important;
      position: absolute;
      right: 0;
      top: 8px;
}
.upFile {    
    width: 130px;
    height: 130px;
    line-height: initial;
    padding: 44px 12px;
    position: relative;
    display: inline-block;
    text-align: center;
    border: 1px dashed #bfbfbf;
    cursor: pointer;
    span{
        display: block;
    }
    input {
        display: none;
    }
}
.videoImg{
    width: 132px;
    height: 132px;
    padding: 10px;
    line-height: initial;
    float: left;
    text-align: center;
    border: 1px solid #eee;
    img{
        width: 84px;
        height: auto;
        margin-bottom: 6px;
    }
    a{
        display: block;
    }
}
[nz-button-tdlink]{
  margin-right: 6px;
  padding: 0;
}


.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
              0 8px 10px 1px rgba(0, 0, 0, 0.14),
              0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-preview .specItemBox{
    display: none;
}
.cdk-drag-preview .spec-box{
    display: none;
}
.cdk-drag-preview  input{
    width: 100px;
    height: 33px;
    border: none;
    float: left;
}


.search-box{
  margin-bottom: 20px;
>div{
  float: left;    
  display: flex;
}
>button{
    float: left;
    &:nth-child(3){
        margin-left: 10px;
    }
}
nz-input-group {
  width: 300px;
}
nz-select {
  width: 200px;
}
&:after {content: ' ';display: block;clear: both;height: 0;visibility: hidden;}
}

:host ::ng-deep  .ant-table.ant-table-bordered > .ant-table-container{
  border-left: 1px solid #cfd5de;
  border-color: #cfd5de !important;
}
:host ::ng-deep  .ant-table.ant-table-bordered > .ant-table-title{
  border-color: #cfd5de !important;
}
:host ::ng-deep .ant-table-tbody > tr > td{
  border-color: #cfd5de !important;
}

:host ::ng-deep .ant-form-item-label > label{
  padding-right: 14px;
  color: #b7b7b7 !important;
}
:host ::ng-deep .ant-form-item-label{
  text-align: left;
}
:host ::ng-deep.ant-form-item-label > label::after{
  display: none;
}

:host ::ng-deep.ant-form-item-label > label::before{
      margin-right: 4px;
      font-size: 12px !important;
      font-family:auto !important;
      line-height: inherit !important;
      position: absolute;
      right: 0;
      top: 8px;
}